
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Bootstrap, from Twitter</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content=""> 
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css?3">
    <link rel="stylesheet" href="css/comm.css">
  <body>
      <div class="container-fluid banner">
          <div class="container nav-fa1" style="margin-top: 142px;">
                <ul class="nav-fa1-list">
                    <li class="li1">
                        <a href="">首页</a>
                    </li>
                    <li>
                        <a href="">会议日程</a>
                    </li>
                    <li>
                        <a href="">通讯录</a>
                    </li>
                    <li>
                        <a href="">软件下载</a>
                    </li>
                    <li class="none">
                        <a href="">决策支持</a>
                    </li>
                    <li class="username">
                        欢迎XX用户
                    </li>
                    <li class="notice">
                       <a href="" class="relative">
                           <img src="img/notice-icon.png" alt="" class="absolute" width="30" height="30">
                           发布公告
                       </a> 
                    </li>
                </ul>
          </div>
      </div>
      <div class="container-fluid">
            <div class="container mt-15">
                <div class="matters-concerned matters-bg">
                    <div class="lanmu-bg relative">
                        <i class="matters-concerned-icon absolute"></i>
                        代办事宜
                    </div>
                    <ul class="matters-concerned-ul matters-width">
                        <li class="border-dashed-1 relative"><i class="dian absolute"></i><a href="">邮箱审批</a></li>
                        <li class="border-dashed-1 relative"><i class="dian absolute"></i><a href="">历程安排</a></li>
                        <li class="border-dashed-1 relative"><i class="dian absolute"></i><a href="">报告审批</a></li>
                        <li class="border-dashed-1 relative"><i class="dian absolute"></i><a href="">公告提醒</a></li>
                        <li class="border-dashed-1 relative"><i class="dian absolute"></i><a href="">公告提醒</a></li>
                        <li class="border-dashed-1 relative"><i class="dian absolute"></i><a href="">公告提醒</a></li>
                    </ul>
                    <div style="width: 100%;height:220px;"></div>
                </div>
                <div class="notice-lm ml-15">
                    <div class="notice-lm-bg relative">
                        <i class="notice-lm-icon absolute"></i>
                        <p class="notice-lm-title">电子公告</p> 
                        <p class="notice-lm-sub">Electronic Bulletin</p> 
                        <a href="" class="absolute notice-lm-gd">更多>></a>
                    </div>
                    <ul class="notice-lm-ul">
                        <li>
                            <a href="" class="notice-lm-tag">【信息部】</a>
                            <a href="">关于公司上网安全的决议 3号电梯停运的公告 3号电梯停运告</a>
                            <span class="fr">05.06</span>
                        </li>
                        <li>
                            <a href="" class="notice-lm-tag">【信息部】</a>
                            <a href="">关于公司上网安全的决议 3号电梯停运的公告 3号电梯停运告</a>
                            <span class="fr">05.06</span>
                        </li>
                        <li>
                            <a href="" class="notice-lm-tag">【信息部】</a>
                            <a href="">关于公司上网安全的决议 3号电梯停运的公告 3号电梯停运告</a>
                            <span class="fr">05.06</span>
                        </li>
                        <li>
                            <a href="" class="notice-lm-tag">【信息部】</a>
                            <a href="">关于公司上网安全的决议 3号电梯停运的公告 3号电梯停运告</a>
                            <span class="fr">05.06</span>
                        </li>
                        <li>
                            <a href="" class="notice-lm-tag">【信息部】</a>
                            <a href="">关于公司上网安全的决议 3号电梯停运的公告 3号电梯停运告</a>
                            <span class="fr">05.06</span>
                        </li>
                        <li>
                            <a href="" class="notice-lm-tag">【信息部】</a>
                            <a href="">关于公司上网安全的决议 3号电梯停运的公告 3号电梯停运告</a>
                            <span class="fr">05.06</span>
                        </li>
                        <li>
                            <a href="" class="notice-lm-tag">【信息部】</a>
                            <a href="">关于公司上网安全的决议 3号电梯停运的公告 3号电梯停运告</a>
                            <span class="fr">05.06</span>
                        </li>
                        <li>
                            <a href="" class="notice-lm-tag">【信息部】</a>
                            <a href="">关于公司上网安全的决议 3号电梯停运的公告 3号电梯停运告</a>
                            <span class="fr">05.06</span>
                        </li>
                        <li>
                            <a href="" class="notice-lm-tag">【信息部】</a>
                            <a href="">关于公司上网安全的决议 3号电梯停运的公告 3号电梯停运告</a>
                            <span class="fr">05.06</span>
                        </li>
                        <li>
                            <a href="" class="notice-lm-tag">【信息部】</a>
                            <a href="">关于公司上网安全的决议 3号电梯停运的公告 3号电梯停运告</a>
                            <span class="fr">05.06</span>
                        </li>
                        <li>
                            <a href="" class="notice-lm-tag">【信息部】</a>
                            <a href="">关于公司上网安全的决议 3号电梯停运的公告 3号电梯停运告</a>
                            <span class="fr">05.06</span>
                        </li>
                        <li>
                            <a href="" class="notice-lm-tag">【信息部】</a>
                            <a href="">关于公司上网安全的决议 3号电梯停运的公告 3号电梯停运告</a>
                            <span class="fr">05.06</span>
                        </li>
                        <li>
                            <a href="" class="notice-lm-tag">【信息部】</a>
                            <a href="">关于公司上网安全的决议 3号电梯停运的公告 3号电梯停运告</a>
                            <span class="fr">05.06</span>
                        </li>
                    </ul>
                </div>
                <div class="moral-integrity">
                    <div class="calendar-w">
                        <div class="calendar-title">
                            <i class="calendar-icon"></i>
                            万年历
                        </div>
                        <div class="calendar-info">
                            <iframe src="rili2.html" frameborder="0" width="540" height="530" scrolling="no"></iframe>
                        </div>
                    </div>
                </div>
            </div>
      </div>
      <div class="container-fluid">
            <div class="container mt-15">
                <div class="banner1 fl mr-20"><img src="img/test.jpg" alt="" width="100%"></div>
                <div class="banner1 fl"><img src="img/test.jpg" alt="" width="100%"></div>
                <div class="banner1 fr ml-20"><img src="img/test.jpg" alt="" width="100%"></div>
                <div class="banner1 ml-20 fr"><img src="img/test.jpg" alt="" width="100%"></div>
            </div>
      </div>      
      <div class="container-fluid">
            <div class="container mt-15">
                <div class="matters-concerned">
                    <div class="lanmu-bg relative">
                        <i class="application-system absolute"></i>
                        应用系统
                    </div>
                    <ul class="applition-list">
                        <li>
                            <a href=""><img src="img/safety_system.png" alt=""></a>
                            <a href="">安全系统</a>
                        </li>
                        <li>
                            <a href=""><img src="img/science.png" alt=""></a>
                            <a href="">科技系统</a>
                        </li>
                        <li>
                            <a href=""><img src="img/data.png" alt=""></a>
                            <a href="">数据系统</a>
                        </li>
                        <li>
                            <a href=""><img src="img/text.png" alt=""></a>
                            <a href="">文案系统</a>
                        </li>
                        <li>
                            <a href=""><img src="img/assistance.png" alt=""></a>
                            <a href="">援助系统</a>
                        </li>
                        <li>
                            <a href=""><img src="img/fireproof.png" alt=""></a>
                            <a href="">防火墙系统</a>
                        </li>
                        <li>
                            <a href=""><img src="img/finance.png" alt=""></a>
                            <a href="">财务系统</a>
                        </li>
                        <li>
                            <a href=""><img src="img/erp.png" alt=""></a>
                            <a href="">ERP系统</a>
                        </li>
                    </ul>
                </div>
                <div class="right-box">
                    <div class="right-box">
                        <div class="corporate-culture">
                            <div class="lanmu-bg relative">
                                <i class="corporate-culture-icon absolute"></i>
                                企业文化
                            </div>
                            <ul class="matters-concerned-ul corporate-width">
                                <li class="relative">
                                    <i class="dian absolute"></i>
                                    <a href="">4月19号十七男子篮球比赛</a>
                                </li>
                                <li class="relative">
                                    <i class="dian absolute"></i>
                                    <a href="">4月19号十七男子篮球比赛</a>
                                </li>
                                <li class="relative">
                                    <i class="dian absolute"></i>
                                    <a href="">4月19号十七男子篮球比赛</a>
                                </li>
                                <li class="relative">
                                    <i class="dian absolute"></i>
                                    <a href="">4月19号十七男子篮球比赛</a>
                                </li>
                                <li class="relative">
                                    <i class="dian absolute"></i>
                                    <a href="">4月19号十七男子篮球比赛</a>
                                </li>
                                <li class="relative">
                                    <i class="dian absolute"></i>
                                    <a href="">4月19号十七男子篮球比赛</a>
                                </li>
                                <li class="relative">
                                    <i class="dian absolute"></i>
                                    <a href="">4月19号十七男子篮球比赛</a>
                                </li>
                                <li class="relative">
                                    <i class="dian absolute"></i>
                                    <a href="">4月19号十七男子篮球比赛</a>
                                </li>
                            </ul>
                        </div>
                        <div class="operational-resources">
                            <div class="lanmu-bg relative">
                                <i class="operational-resources-icon absolute"></i>
                                业务资源
                            </div>
                            <ul class="matters-concerned-ul corporate-width">
                                <li class="relative">
                                    <i class="dian absolute"></i>
                                    <a href="">4月19号十七男子篮球比赛</a>
                                </li>
                                <li class="relative">
                                    <i class="dian absolute"></i>
                                    <a href="">4月19号十七男子篮球比赛</a>
                                </li>
                                <li class="relative">
                                    <i class="dian absolute"></i>
                                    <a href="">4月19号十七男子篮球比赛</a>
                                </li>
                                <li class="relative">
                                    <i class="dian absolute"></i>
                                    <a href="">4月19号十七男子篮球比赛</a>
                                </li>
                                <li class="relative">
                                    <i class="dian absolute"></i>
                                    <a href="">4月19号十七男子篮球比赛</a>
                                </li>
                                <li class="relative">
                                    <i class="dian absolute"></i>
                                    <a href="">4月19号十七男子篮球比赛</a>
                                </li>
                                <li class="relative">
                                    <i class="dian absolute"></i>
                                    <a href="">4月19号十七男子篮球比赛</a>
                                </li>
                                <li class="relative">
                                    <i class="dian absolute"></i>
                                    <a href="">4月19号十七男子篮球比赛</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="department mt-20">
                        <div class="lanmu-bg relative">
                            <i class="department-icon absolute"></i>
                            机关部门
                        </div>
                        <ul class="department-ul">
                            <li class="department-icon-1">
                                <a href="">
                                    党委
                                </a>
                            </li>
                            <li class="department-icon-2">
                                <a href="">
                                    办公室
                                </a>
                            </li>
                            <li class="department-icon-3">
                                <a href="">
                                    秘书处
                                </a>
                            </li>
                            <li class="department-icon-4">
                                <a href="">
                                    工会
                                </a>
                            </li>
                            <li class="department-icon-5">
                                <a href="">
                                    信息部
                                </a>
                            </li>
                            <li class="department-icon-6">
                                <a href="">
                                    业务处
                                </a>
                            </li>
                            <li class="department-icon-7">
                                <a href="">
                                    综合处
                                </a>
                            </li>
                            <li class="department-icon-8">
                                <a href="">
                                    人力资源
                                </a>
                            </li>
                            <li class="department-icon-9">
                                <a href="">
                                    外联处
                                </a>
                            </li>
                            <li class="department-icon-10">
                                <a href="">
                                    后勤保障
                                </a>
                            </li>
                            <li class="department-icon-11">
                                <a href="">
                                    食堂
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
      </div>
      <div class="container-fluid">
            <div class="container mt-15">
                <a href=""><img src="img/yijian.jpg" alt=""></a>
                <a href=""><img src="img/xueshu.jpg" alt=""></a>
                <a href=""><img src="img/qita.jpg" alt=""></a>
            </div>
      </div> 
      <div class="container-fluid mt-20" style="background-color: #575757;height: 120px;text-align: center">
            <div class="container mt-15">
                <a href="" style="color:#fff;line-height:100px;">Copyright ©2019 版权归中国航天科工集团第四研究院十七所   ICP京10011451号</a>
            </div>
      </div>     
  </body>
</html>
